<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="description" content="">
		<meta name="author" content="">
		<title>Dictionary-Home</title>
		<link href="css/style.css" rel="stylesheet">
	</head>
	<body class="home">
		<div class="container">
			<div class="header">
				<a href="#"><h1>Dictionary</h1></a>
				<div class="search-bar highlight">
					<form>
						<input type="text" placeholder="Search dictionary" size="40"/>
						<select name="search-options">
							<option value="Anh - Viet">Anh - Viet</option>
							<option value="Viet - Anh">Viet - Anh</option>
							<option value="Anh - Anh">Anh - Anh</option>
						</select>
						<input type="submit" value="Search">
					</form>
					<ul class="social-net">
						<li><a class="fb" href="#">Facebook</a></li>
						<li><a class="pin" href="#">Pinterest</a></li>
						<li><a class="tw" href="#">Twitter</a></li>
						<li><a class="gp" href="#">Google Plus</a></li>
					</ul> <!--end of social-net-->
				</div> <!--end of search-bar-->
			</div> <!--end of header-->
			<div class="main">
				<div class="column first-column">
					<div class="block first-block">
						<h2>History Words</h2>
						<ul>
							<li>Tee shirt</li>
							<li>Chemise</li>
							<li>Pull</li>
							<li>Pantalon</li>
							<li>Jean</li>
							<li>Robe</li>
							<li>Jupe</li>
							<li>Veste/Manteau</li>
							<li>Chaussures</li>
							<li>Bijoux</li>
							<li>Robe</li>
							<li>Jupe</li>
							<li>Veste/Manteau</li>
							<li>Chaussures</li>
							<li class="last">Bijoux</li>
						</ul>
					</div>
					<div class="block second-block">
						<h2>Document, Ref books, ...</h2>
						<ul>
							<li>Tee shirt</li>
							<li>Chemise</li>
							<li>Pull</li>
							<li>Pantalon</li>
							<li>Jean</li>
							<li>Robe</li>
							<li>Jupe</li>
							<li>Veste/Manteau</li>
							<li>Chaussures</li>
							<li>Bijoux</li>
							<li>Robe</li>
							<li>Jupe</li>
							<li>Veste/Manteau</li>
							<li>Chaussures</li>
							<li>Bijoux</li>
						</ul>
					</div>
				</div> <!--end of first-column-->
				<div class="column second-column">
					<div class="block">
						<h2>Definition of “rose” in English</h2>
						<div class="word">
							<a href="#"><img src="images/icon-sound.png" alt="sound"/></a>
							<h3>rose</h3>
							<p class="pronun">[rouz]<p>
							<div class="meaning">
								<h4>noun</h4>
								<p>1a prickly bush or shrub that typically bears red, pink, yellow, or white fragrant flowers, native to north temperate regions and widely grown as an ornamental.<br>
								Genus Rosa, family Rosaceae (the rose family); many species, hybrids, and cuy, strawberry) as well as the hawthorns, rowans, and potentillas<br>he sent her a dozen red roses</p>
								<p>used in names of other plants whose flowers resemble roses, e.g. Christmas rose, rose of Sharon.</p>
							</div> <!--end of meaning-->
							<div class="meaning">
								<h4>verb</h4>
								<p>[with object] literary<br>
								make rosy:<br>
								a warm flush now rosed her hitherto blue cheeks</p>
							</div> <!--end of meaning-->
							<div class="meaning">
								<h4>Phrases</h4>
								<p>a bed of roses<br/>
								see bed<br/>
								come up roses<br/>
								(of a situation) develop in a very favourable way:
								new boyfriend,successful career-everything was come up roses<br/>
								come up (or out) smelling of roses</p>
							</div> <!--end of meaning-->
						</div> <!--end of word-->
					</div> <!--end of block-->
					<div class="block">
						<h2>Chuyên ngành anh - việt</h2>
						<div class="word">
							<a href="#"><img src="images/icon-sound.png" alt="sound"/></a>
							<h3>rose</h3>
							<p class="pronun">[rouz]<p>
							<div class="meaning">
								<h4>noun</h4>
								<p>1a prickly bush or shrub that typically bears red, pink, yellow, or white fragrant flowers, native to north temperate regions and widely grown as an ornamental.<br>
								Genus Rosa, family Rosaceae (the rose family); many species, hybrids, and cuy, strawberry) as well as the hawthorns, rowans, and potentillas<br>he sent her a dozen red roses</p>
								<p>used in names of other plants whose flowers resemble roses, e.g. Christmas rose, rose of Sharon.</p>
							</div> <!--end of meaning-->
							<div class="meaning">
								<h4>verb</h4>
								<p>[with object] literary<br>
								make rosy:<br>
								a warm flush now rosed her hitherto blue cheeks</p>
							</div> <!--end of meaning-->
							<div class="meaning">
								<h4>Phrases</h4>
								<p>a bed of roses<br/>
								see bed<br/>
								come up roses<br/>
								(of a situation) develop in a very favourable way:
								new boyfriend,successful career-everything was come up roses<br/>
								come up (or out) smelling of roses</p>
							</div> <!--end of meaning-->
						</div> <!--end of word-->
					</div> <!--end of block-->
					
				</div> <!--end of second-column-->
				<div class="column third-column">
					<a href="#"><img src="images/advertising-01.jpg" alt="advertising-01"/></a>
					<a href="#"><img src="images/advertising-02.jpg" alt="advertising-02"/></a>
					<a href="#"><img src="images/advertising-03.jpg" alt="advertising-03"/></a>
					<a href="#"><img src="images/advertising-04.jpg" alt="advertising-04"/></a>
					<a href="#"><img src="images/advertising-01.jpg" alt="advertising-01"/></a>
					<a href="#"><img src="images/advertising-02.jpg" alt="advertising-02"/></a>
				</div> <!--end of third-column-->
				<!--<div class="clearfix"></div>-->
			</div>
			<div class="footer highlight">
				<p>Copyrights © 2013 - company name</p>
			</div>
		</div> <!--end of container-->
	</body>
</html>